<template>
    <div class="help-poor">
        <div class="left">
            <el-carousel :interval="5000" arrow="always">
                <el-carousel-item v-for="(item, index) in carouselImg" :key="index">
                    <img :src="item" alt="">
                </el-carousel-item>
            </el-carousel>
        </div>
        <div class="right">
            <Tab></Tab>
        </div>
    </div>
</template>
<script>
import Tab from './tab/index'
export default {
    name: 'HelpPoor',
    components: {
        Tab
    },
    mixins: [],
    props: {

    },
    data() {
        return {
            carouselImg: [
                require('../../../assets/carousel/carousel (1).png'),
                require('../../../assets/carousel/carousel (2).png'),
                require('../../../assets/carousel/carousel (3).png')
            ]
        }
    },
    computed: {

    },
    watch: {

    },
    mounted() {

    },
    methods: {

    }
};
</script>
<style lang='less' scoped>
.help-poor {
    display: flex;
    justify-content: space-between;
    height: 330px;
    margin-top: 40px;

    .left {
        flex: 1;
        height: 330px;
        padding-right: 15px;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .right {
        flex: 1;
        height: 330px;
        padding-left: 15px;
    }
}
</style>